<template>
  <div class="log-drawer-title flex justify-between items-center">
    <span class="log-drawer-title-name">
      <slot>{{name}}</slot>
    </span>
    <LogToolbox :data="data"/>
  </div>
</template>

<script>
import LogToolbox from './log-toolbox'
export default {
  name: 'LogDrawerTitle',
  props: {
    name: {
      type: String
    },
    data: {
      type: Object,
      default: () => ({})
    }
  },
  components: {
    LogToolbox
  }
}
</script>

<style lang="scss" scoped>
.log-drawer-title{
  &-name{
    color: #404040;
  }
}
</style>
